// 主体
<template>
  <div class="section">
    <div class="box">
      <!-- 轮播图 -->
      <Slideshow></Slideshow>
      <!-- 保证 -->
      <Guarantee></Guarantee>
      <!-- 固定栏目 -->
      <Classify></Classify>
      <!-- 功能栏目 -->
      <Neng></Neng>
      <!-- 动画广告 -->
      <Animatedads></Animatedads>
      <!-- 新人专享 -->
      <People></People>
  </div>
  </div>
</template>

<script>
import Slideshow from "./Slideshow.vue"
import Guarantee from "./Guarantee.vue"
import Classify from "./Classify.vue"
import Neng from "./Neng.vue"
import Animatedads from "./Animatedads.vue"
import People from "./People"

import Vue from 'vue'
import { Tabbar, TabbarItem } from "vant";

Vue.use(Tabbar);
Vue.use(TabbarItem);

export default {
  components:{
    Slideshow,
    Guarantee,
    Classify,
    Neng,
    Animatedads,
    People
  }
}
</script>

<style lang="stylus" scoped>
.section
  width 100%
  height 100%
  background-color #123156
  >.box
    padding-bottom 50px
</style>
